<style>
DIV#tc:first-line { font-size: 80pt }
input:first-line { font-size: 80pt }
</style>
This tests that contenteditable elements, with no children, get the right baseline.
<br><br>
<div style="display:inline-block; border: solid thin red;"><div contenteditable style="border: solid thin green; width:150px; vertical-align: baseline"></div></div>This text should line up with the bottom of the text in the editable div.
<br><br>
<div style="display:inline-block; border: solid 10px red;">text<div contenteditable style="border: solid 20px green; width:150px; vertical-align: baseline"></div></div>This text should line up with the bottom of the text in the editable div.
<br><br>
<div style="display:inline-block; border: solid 5px red;"><div contenteditable id="tc" style="border: solid 10px green; width:150px; padding-top: 20px; vertical-align: baseline"></div></div>This text should line up with the bottom of the text in the editable div.
